Belajar Dasar Pemrograman Web
Teknologi:
WebLevel: Dasar - Pemula
Siswa Terdaftar
Teknologi:
WebLevel: Dasar - Pemula
Siswa Terdaftar
Kelas ini merupakan langkah ke-satu Anda untuk menjadi Front-End Web Developer.
Kelas ini merupakan langkah ke-satu Anda untuk menjadi React Developer.
Website di era sekarang sudah menjadi kebutuhan utama yang tidak bisa diabaikan. Seluruh sektor bisnis atau edukasi dapat memanfaatkan website sebagai alat untuk promosi, tukar informasi, dan lainnya. Bedasarkan data dari World Wide Web Technology Surveys, dari seluruh website yang aktif, 88.2% menggunakan HTML, 95.6% menggunakan CSS dan 95% menggunakan JavaScript. Kelas ini membahas tuntas dasar HTML, CSS dan JavaScript sebagai tiga fondasi pembuatan website.
Kelas ini merupakan langkah ke-satu Anda untuk menjadi Front-End Web Developer.
Peralatan Belajar
Spesifikasi minimal perangkat:
Prosesor
Intel Celeron (Rekomendasi Core i3 ke atas)
Tools yang dibutuhkan untuk belajar:
Web Browser (Google Chrome atau Mozilla Firefox)
Lihat semua peralatan belajar
Lihat semua peralatan belajarKelas ini membutuhkan spesifikasi perangkat seperti berikut:
RAM
1GB
Layar
1366 x 768 (Rekomendasi Full HD 1920 x 1080)
Sistem Operasi
Windows, Linux, MacOS
Prosesor
Intel Celeron (Rekomendasi Core i3 ke atas)
Kelas ini membutuhkan beberapa tools berikut:
Web Browser (Google Chrome atau Mozilla Firefox)
Teks Editor (VSCode, Atom, atau Emacs)
Metode Ajar
Lihat semua metode ajar
Lihat semua metode ajarKontributor
1Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Reviewer
44Code Reviewer yang akan me-review tugas dan kode Anda:
Bibita Habibi Mustafa
Product Development Engineer at Dicoding Indonesia
Ariska Hidayat
Code Reviewer External at Dicoding Indonesia
Rizqy Hidayat
Product Engineer at Dicoding Indonesia
Bagus Aji
Course Contributor at Dicoding
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Lihat semua kontributor dan reviewer
Lihat semua kontributor dan reviewerKontributor kelas
Curriculum Developer yang membangun kelas ini:
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Tim Reviewer
Code Reviewer yang akan me-review tugas dan kode Anda:
Bibita Habibi Mustafa
Product Development Engineer at Dicoding Indonesia
Ariska Hidayat
Code Reviewer External at Dicoding Indonesia
Rizqy Hidayat
Product Engineer at Dicoding Indonesia
Bagus Aji
Course Contributor at Dicoding
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Buchori Rafsanjani
Curriculum Developer at Dicoding Indonesia
Widyarso Joko Purnomo
Toni Haryanto
Course Contributor at Dicoding
Khrisna dari Dicoding
Head of Reviewer at Dicoding Indonesia
Ahmad Arif Faizin
Curriculum Developer at Dicoding Indonesia
Gilang Ramadhan
Curriculum Developer at Dicoding Indonesia
Nasrul Gunawan
External Code Reviewer at Dicoding Indonesia
Khofidin
IT & Traceability Manager at Austrex
Ahmad dari Dicoding
Managing Editor at Dicoding Indonesia
Luthfi Alfarisi
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alvin Indra Pratama
External Code Reviewer at Dicoding Indonesia
Alfian Yusuf Abdullah
Code Reviewer at Dicoding Indonesia
khairul anas
External Code Reviewer at Dicoding Indonesia
• Dicoding Graduate
• Flutter Developer
Fahmi Jabbar
External Code Reviewer at Dicoding Indonesia
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
Lukman Bahar Agung Pambudi
External Code Reviewer at Dicoding Indonesia
Ni Luh Putu Anita Dewi
Nosef Nunggaran
External Code Reviewer at Dicoding Indonesia
AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing
Ananda Dwi Prayoga
External Code Reviewer at Dicoding Indonesia
Muhammad Nazar Alwi
External Code Reviewer at Dicoding Indonesia
Shaddam Amru Hasibuan
Developer Specialist at SMEsHub Indonesia
Muhammad Ilham Adhim
Front-End Web Developer
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
Tatang Kuswandi
External Code Reviewer at Dicoding Indonesia
Samodra
External Code Reviewer at Dicoding Indonesia
Muhammad Amru Salim
External Code Reviewer at Dicoding Indonesia
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
Yudistira Arya Mutamang
External Code Reviewer at Dicoding Indonesia
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Rully Indra Laelaningrum
Product Engineer at Dicoding Indonesia
Muhammad Alvino Dienova
External Reviewer at Dicoding Indonesia
Front-End Web Developer
Tia Dwi Setiani
Curriculum Developer at Dicoding Indonesia
Certified Tensorflow Developer
Marcello Sebastian
External Code Reviewer at Dicoding Indonesia
Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate
Sofyan Egi Lesmana
Informatics Engineering Student at Pasundan University
• External Code Reviewer
• Front-End Web Enthusiast
Farida Aidah
Product Engineer @ Dicoding Indonesia
"hello fafa"
Refiandi Reza Syawaldriyansah
External Reviewer Dicoding
I used to be a petroleum engineer. I loved it but didn't have passion on it. So i try to look for another opportunity, and here i am. I like to code and i have a passion in web developer especially as a front end developer. I got the certification as Front End Web Developer Expert from Dicoding Academy Indonesia. Now i'm focus on becoming a React JS developer. I have a dream to become a Fullstack Engineer and Mobile Developer Engineer.
Dimas Catur Wibowo
Code Reviewer at Dicoding Indonesia
Bibita Habibi Mustafa
Product Development Engineer at Dicoding Indonesia
Ariska Hidayat
Code Reviewer External at Dicoding Indonesia
Bagus Aji
Course Contributor at Dicoding
Moch Ridwan Taufik Alamsyah
External Code Reviewer at Dicoding Indonesia
"What We Learn When We Learn By Doing"
Currently as R&D Engineer at csacomputer.com
Buchori Rafsanjani
Curriculum Developer at Dicoding Indonesia
Widyarso Joko Purnomo
Toni Haryanto
Course Contributor at Dicoding
Khrisna dari Dicoding
Head of Reviewer at Dicoding Indonesia
Ahmad Arif Faizin
Curriculum Developer at Dicoding Indonesia
Gilang Ramadhan
Curriculum Developer at Dicoding Indonesia
Nasrul Gunawan
External Code Reviewer at Dicoding Indonesia
Khofidin
IT & Traceability Manager at Austrex
Ahmad dari Dicoding
Managing Editor at Dicoding Indonesia
Luthfi Alfarisi
External Code Reviewer at Dicoding Indonesia
Agista Septiyanto
Code Reviewer at Dicoding Indonesia
Alvin Indra Pratama
External Code Reviewer at Dicoding Indonesia
Alfian Yusuf Abdullah
Code Reviewer at Dicoding Indonesia
khairul anas
External Code Reviewer at Dicoding Indonesia
• Dicoding Graduate
• Flutter Developer
Fahmi Jabbar
External Code Reviewer at Dicoding Indonesia
Dimas Maulana Dwi Saputra
Curriculum Developer at Dicoding Indonesia
Alexzander Purwoko Widiantoro
Code Reviewer at Dicoding Indonesia
Lukman Bahar Agung Pambudi
External Code Reviewer at Dicoding Indonesia
Ni Luh Putu Anita Dewi
Nosef Nunggaran
External Code Reviewer at Dicoding Indonesia
AWS Certified Cloud Practitioner
Alibaba Certified Associate Cloud Computing
Ananda Dwi Prayoga
External Code Reviewer at Dicoding Indonesia
Muhammad Nazar Alwi
External Code Reviewer at Dicoding Indonesia
Shaddam Amru Hasibuan
Developer Specialist at SMEsHub Indonesia
Muhammad Ilham Adhim
Front-End Web Developer
Muhammad Rifki Erlangga
External Code Reviewer at Dicoding Indonesia
Tatang Kuswandi
External Code Reviewer at Dicoding Indonesia
Samodra
External Code Reviewer at Dicoding Indonesia
Muhammad Amru Salim
External Code Reviewer at Dicoding Indonesia
Yusril Adriansyah Putra
External Code Reviewer at Dicoding Indonesia
Yudistira Arya Mutamang
External Code Reviewer at Dicoding Indonesia
Ilham Shiddiq
External Code Reviewer at Dicoding Indonesia. Backend Developer at a company in Bandung.
Rully Indra Laelaningrum
Product Engineer at Dicoding Indonesia
Muhammad Alvino Dienova
External Reviewer at Dicoding Indonesia
Front-End Web Developer
Tia Dwi Setiani
Curriculum Developer at Dicoding Indonesia
Certified Tensorflow Developer
Marcello Sebastian
External Code Reviewer at Dicoding Indonesia
Front-end Development Enthusiast
AWS Certified Solutions Architect – Associate
Sofyan Egi Lesmana
Informatics Engineering Student at Pasundan University
• External Code Reviewer
• Front-End Web Enthusiast
Farida Aidah
Product Engineer @ Dicoding Indonesia
"hello fafa"
Refiandi Reza Syawaldriyansah
External Reviewer Dicoding
I used to be a petroleum engineer. I loved it but didn't have passion on it. So i try to look for another opportunity, and here i am. I like to code and i have a passion in web developer especially as a front end developer. I got the certification as Front End Web Developer Expert from Dicoding Academy Indonesia. Now i'm focus on becoming a React JS developer. I have a dream to become a Fullstack Engineer and Mobile Developer Engineer.
Dimas Catur Wibowo
Code Reviewer at Dicoding Indonesia
Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.
Lihat semua testimoni
Lihat semua testimoniBerikut adalah beberapa pertanyaan yang paling sering ditanyakan.
Materi yang akan Anda pelajari pada kelas ini.
Memahami HAKI, mekanisme belajar, forum diskusi, glosarium, dan daftar referensi.
5 Menit
15 Menit
Pengenalan mengenai website, apa itu website, tools dalam mengembangkan sebuah website.
5 Menit
5 Menit
15 Menit
5 Menit
35 Menit
15 Menit
Memberikan pemahaman fungsi HTML dalam website, memahami struktur dasar HTML dengan mencoba membuat sebuah halaman HTML sederhana.
5 Menit
15 Menit
15 Menit
20 Menit
15 Menit
Belajar mengorganisir konten dengan elemen semantik yang ada, mengenal attribute pada HTML, mengenal paragraf, header, gambar, list, dan elemen teks lainnya. Memahami perbedaan inline dan block elemen.
5 Menit
15 Menit
10 Menit
10 Menit
15 Menit
10 Menit
15 Menit
25 Menit
25 Menit
20 Menit
20 Menit
20 Menit
5 Menit
15 Menit
15 Menit
15 Menit
15 Menit
20 Menit
40 Menit
5 Menit
15 Menit
20 Menit
5 Menit
20 Menit
10 Menit
15 Menit
Memahami peran CSS dalam pembuatan website, benefit menerapkan CSS dan mengetahui penulisan sintaks dasar CSS dengan menerapkan beberapa basic styling pada elemen HTML.
5 Menit
5 Menit
5 Menit
10 Menit
10 Menit
5 Menit
10 Menit
15 Menit
10 Menit
20 Menit
15 Menit
Memahami lebih dalam mengenai selector CSS, memahami penerapan styling untuk font dan text (mengubah tipe dan ukuran font, mengubah warna teks, dsb.), memahami tentang foreground color dan background color, memahami konsep box model, dan layouting menggunakan float. Di akhir materi ini kita sudah dapat membuat satu halaman profil dengan menerapkan semantic struktur, styling, dan layouting menggunakan float.
5 Menit
25 Menit
25 Menit
25 Menit
25 Menit
35 Menit
5 Menit
25 Menit
15 Menit
20 Menit
20 Menit
5 Menit
40 Menit
30 Menit
5 Menit
25 Menit
20 Menit
5 Menit
5 Menit
40 Menit
35 Menit
20 Menit
15 Menit
15 Menit
15 Menit
15 Menit
15 Menit
5 Menit
20 Menit
20 Menit
20 Menit
15 Menit
5 Menit
15 Menit
15 Menit
15 Menit
20 Menit
15 Menit
20 Menit
15 Menit
15 Menit
15 Menit
5 Menit
35 Menit
30 Menit
50 Menit
15 Menit
10 Menit
15 Menit
Memahami tentang penggunaan flexbox sebagai layout dasar membangun kalkulator berbasis website. Flex merupakan teknik baru dalam menyusun layout yang responsif, dan dapat dikombinasikan dengan media query agar lebih optimal ketika diakses menggunakan mobile devices.
5 Menit
5 Menit
15 Menit
15 Menit
20 Menit
20 Menit
40 Menit
40 Menit
40 Menit
30 Menit
15 Menit
Memahami peran JavaScript dalam pengembangan website, menuliskan sintaks dasar JavaScript, memahami dasar JavaScript seperti statement, comment, variabel, tipe data, dsb. Mengetahui Browser Object dan event yang ada, dan memanipulasi DOM menggunakan JavaScript. Di akhir materi ini kita akan menerapkan logika pada proyek kalkulator berbasis website sehingga kalkulator dapat berfungsi dengan baik.
10 Menit
20 Menit
20 Menit
25 Menit
5 Menit
5 Menit
25 Menit
45 Menit
55 Menit
25 Menit
40 Menit
40 Menit
40 Menit
40 Menit
30 Menit
40 Menit
5 Menit
10 Menit
40 Menit
35 Menit
25 Menit
25 Menit
30 Menit
75 Menit
15 Menit
Mengetahui tipe storage yang ada pada web dengan mencoba menggunakan localStorage untuk menyimpan histori perhitungan dari proyek kalkulator.
Dapat membuat website sederhana dengan menerapkan semantic element, dan layout flexbox atau float.
15 Menit
525 Menit